﻿
/* .upload-ul{ position: relative;  display: inline-block; *display: inline; *zoom:1; max-width: 520px; }
.upload-ul li{ position: relative; float: left; display: inline-block; width: 5rem; height: 5rem; margin: 0 10px 10px 0; padding: 0; border: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.upload-pick{ background: url(../images/add.png) no-repeat 0 0; background-size:5rem 5rem ;}
.upload-pick:hover{ background: url(../images/add.png) no-repeat 0 0;background-size:5rem 5rem ; }
.webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
.webuploader-container{ position: relative; width: 100%; height: 100%; }
.webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
.webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
.viewThumb img{ width: 100%;height: 100%}
.diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bgblack.png);z-index: 3;}
.diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.diyControl{ position: absolute;  left: 0;top: 0;width: 100%;height: 24px;line-height:24px;font-size: 14px;background: url(../images/bgblack.png); z-index: 3; }
.viewThumb:hover .diyControl{ display: block; }
    .diyControl span{ display: inline-block;width: 0.3rem;height: 0.3rem;background: #333333;border-radius: 50%; position: absolute;right: 0;}
    .diyControl span i{ display: block;  }
    .diyControl span i:hover{ opacity: 1; cursor: pointer; }
    .diyControl span .diyLeft{ margin-left: 3px; }
    .diyControl span .diyLeft{ margin-right: 3px; }
    .diyControl span .diyLeft i{display: none; margin-left: 3px; background: url(../images/img_con.png) no-repeat 0 0; }
    .diyControl span .diyCancel i{ width: 0.3rem;height: 0.3rem;background: #333333;border-radius: 50%;}
    .diyControl span .diyRight i{display: none; margin-right: 3px; background: url(../images/img_con.png) no-repeat 0 -22px; }
.goods-edit .upload-tip{ font: 12px/23px "Microsoft YaHei"; color: #a3a3a3;vertical-align: top; } */



.upload-ul{ position: relative;  display: inline-block; *display: inline; *zoom:1; max-width: 520px; padding-left: .6rem; margin-bottom: 0;}
.upload-ul li{ position: relative; float: left; display: inline-block; width: 110px; height: 110px; margin: 0 10px 10px 0; padding: 0; border: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.upload-pick{ background: url(../images/upload-bj.png) no-repeat 0 0; background-size: 100%;}
/*.upload-pick:hover{ background: url(../images/upload-bj.png) no-repeat 0 -90px; }*/
.webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
.webuploader-container{ position: relative; width: 100%; height: 100%; }
.webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
.webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
.viewThumb img{ width: 100%;height: 100%}
.diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bgblack.png);z-index: 3;}
.diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.diyControl{ position: absolute; display:block; left: 0;bottom: 0;width: 100%;height: 40px;line-height:24px;font-size: 14px;background: url(../images/bgblack.png); z-index: 3; margin-bottom: 0;}
.viewThumb:hover .diyControl{ display: block; }
.diyControl span{ display: inline-block; padding: 6.5px 13px; width: 12px; height: 11px; }
.diyControl span i{ display: block; width: 28px; height: 19px; opacity: .7; }
.diyControl span i:hover{ opacity: 1; cursor: pointer; }
.diyLeft{ margin-left: 3px; }
.diyLeft{ margin-right: 3px; }
.diyLeft i{ margin-left: -9px; background: url(../images/upload-icon1.png) no-repeat 0 0; background-size: 21px;}
.diyCancel i{ background: url(../images/upload-icon1.png) no-repeat 0 -16px; background-size: 19px;}
.diyControl .diyRight{margin-left: 12px;}
.diyRight i{ background: url(../images/upload-icon1.png) no-repeat 0 -38px; background-size: 21px;}
.goods-edit .upload-tip{ font: 12px/23px "Microsoft YaHei"; color: #a3a3a3;vertical-align: top; }